<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
	<meta charset="UTF-8">
	<title>控制器嵌套</title>
	<script type="text/javascript" src="../js/angular.js"></script>
    <script type="text/javascript" src="nestingController.js"></script>
</head>
<body>
<div ng-controller="controllerA">
	
	<div ng-controller="controllerB">
		<a ng-click="sayHello();">sayHello</a>
	</div>
	<p>{{person}}</p>
</div>

	<div style="background:#ddd;">
		除了孤立作用域外(在指令内部创建的作用域被称作孤立作用域),所有的作用域都通过原型继承而来，也就是说它们都可以访问父级作用域.
		默认情况下，AngularJS在当前作用域中无法找到某个属性时，便会在父级作用域中进行查
		找。如果AngularJS找不到对应的属性，会顺着父级作用域一直向上寻找，直到抵达$rootScope
		为止。如果在$rootScope中也找不到，程序会继续运行，但视图无法更新。
	</div>
	<br/>
	<div style="background:#eee;">
		控制器应该尽可能保持短小精悍，而在控制器中进行DOM操作和数据操作则是一个不好的实践。
		设计良好的应用会将复杂的逻辑放到指令和服务中。通过使用指令和服务，我们可以将控制
		器重构成一个轻量且更易维护的形式：
	</div>
</body>
</html>